﻿<!DOCTYPE html>
	<head>
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="content-type" content="text/html; charset=utf-8"/>	
		
		<!-- JQuery Mobile & User CSS -->
		<link type="text/css" rel="stylesheet" href="jquery/jquery.mobile-1.0b1.min.css" />		
		<link type="text/css" rel="stylesheet" href="style/style.css" />
		
		<!-- JQuery & JQuery Mobile JS -->
		<script type="text/javascript" src="jquery/jquery-1.6.1.min.js" ></script>
		<script type="text/javascript" src="jquery/jquery.mobile-1.0b1.min.js"></script>
		<script type="text/javascript" src="jquery/jquery.timers-1.2.js"></script>
		
		<!-- User Script -->
		<script type="text/javascript" src="script/script.js"></script>
		
		<title>Monkey Hotkey</title>
	</head>

	<body>
		<div data-role="page" data-theme="a" id="main">									
			<div data-role="header">
			<!--
				<h1>Monkey Hotkey</h1>								
				<a href="#" class="ui-btn-left" data-role="button" data-icon="info" data-iconpos="notext" data-theme="d"></a>
				<a href="#" class="ui-btn-right" data-role="button" data-icon="delete" data-iconpos="notext" data-theme="d"></a>
			-->
			</div> <!-- header -->
			
			<div data-role="content" class="container">
				<ul data-role="listview" data-inset="true" data-theme="d" data-dividertheme="e">
					<li data-role="list-divider">
						<h1 class="list-title" >내가 등록한 프로그램</h1>
					</li>
					<li>
						<a href="#">
							<img src="icons/gimp-2.6.exe.png" class="ui-li-icon" />
							<div class="content">
								<h3 class="list-name">김프 2.6</h3>
								<p class="list-hotkey">Ctrl + F1</p>
							</div>
						</a>
						<a href="#setup" data-rel="dialog" data-transition="slidedown" data-icon="gear" data-theme="c"></a>
					</li>
				</ul>
			</div> <!-- content -->
				
			<div id="help-pannel">
				<p>추가하고 싶은 프로그램을 드래그 앤 드롭하세요.</p>
				<span class="comment">이 팝업은 5초 뒤에 사라집니다.</span>
				<a href="#" class="nav-btn-prev"></a>
				<a href="#" class="nav-btn-next"></a>				
			</div>
				
			<div data-role="footer" data-position="fixed">
			</div> <!-- footer -->		
		</div> <!-- page -->
		
		<div data-role="page" id="setup" data-cache="false">
			<div data-role="header">
				<h1>설정</h1>
			</div> <!-- header -->
			
			<div data-role="content">
				<div data-role="fieldcontain">
					<label for="key-input">사용할 키를 입력하세요.</label>
					<input type="text" name="key-input" id="key-input" value=""  />				
					
					<fieldset data-role="controlgroup" data-type="horizontal">
						<input type="checkbox" name="mod-ctrl" id="mod-ctrl" data-theme="d" />
						<label for="mod-ctrl">Ctrl</label>
						<input type="checkbox" name="mod-shift" id="mod-shift" data-theme="d" />
						<label for="mod-shift">Shift</label>						
						<input type="checkbox" name="mod-alt" id="mod-alt" data-theme="d" />
						<label for="mod-alt">Alt</label>
						<input type="checkbox" name="mod-win" id="mod-win" data-theme="d" />
						<label for="mod-win">Win</label>
					</fieldset>
				</div>
				
				<a href="#main" class="confirm" data-role="button" data-rel="back" data-transition="slideup" data-direction="reverse" data-inline="false" data-theme="c">확인</a>
				<a href="#main" class="cancel" data-role="button" data-rel="back" data-transition="slideup" data-direction="reverse" data-inline="false" data-theme="c">취소</a>
			</div>
		</div>		
	</body>
</html>
